{% extends 'base.html' %}

{% block title %}仪表板 - 禅道项目管理系统{% endblock %}

{% block content %}
<div class="dashboard-container">
    <header class="dashboard-header">
        <div class="header-left">
            <div class="logo">
                <i class="fas fa-project-diagram"></i>
                <span>禅道</span>
            </div>
            <nav class="main-nav">
                <a href="#" class="nav-item active">
                    <i class="fas fa-home"></i>
                    首页
                </a>
                <a href="#" class="nav-item">
                    <i class="fas fa-project-diagram"></i>
                    项目
                </a>
                <a href="#" class="nav-item">
                    <i class="fas fa-tasks"></i>
                    任务
                </a>
                <a href="#" class="nav-item">
                    <i class="fas fa-bug"></i>
                    缺陷
                </a>
                <a href="#" class="nav-item">
                    <i class="fas fa-chart-bar"></i>
                    统计
                </a>
            </nav>
        </div>
        <div class="header-right">
            <div class="user-info">
                <i class="fas fa-user-circle"></i>
                <span>管理员</span>
                <i class="fas fa-chevron-down"></i>
            </div>
        </div>
    </header>
    
    <main class="dashboard-main">
        <div class="welcome-section">
            <h1>欢迎使用禅道项目管理系统</h1>
            <p>这是一个模拟的禅道登录页面演示项目</p>
        </div>
        
        <div class="stats-grid">
            <div class="stat-card">
                <div class="stat-icon">
                    <i class="fas fa-project-diagram"></i>
                </div>
                <div class="stat-info">
                    <h3>5</h3>
                    <p>进行中项目</p>
                </div>
            </div>
            
            <div class="stat-card">
                <div class="stat-icon">
                    <i class="fas fa-tasks"></i>
                </div>
                <div class="stat-info">
                    <h3>23</h3>
                    <p>待完成任务</p>
                </div>
            </div>
            
            <div class="stat-card">
                <div class="stat-icon">
                    <i class="fas fa-bug"></i>
                </div>
                <div class="stat-info">
                    <h3>8</h3>
                    <p>未解决缺陷</p>
                </div>
            </div>
            
            <div class="stat-card">
                <div class="stat-icon">
                    <i class="fas fa-users"></i>
                </div>
                <div class="stat-info">
                    <h3>12</h3>
                    <p>团队成员</p>
                </div>
            </div>
        </div>
        
        <div class="back-to-login">
            <a href="{% url 'login_app:login' %}" class="btn-secondary">
                <i class="fas fa-arrow-left"></i>
                返回登录页面
            </a>
        </div>
    </main>
</div>
{% endblock %}